<template>
	<div class="confirmed">
		<div class="top"></div>
		<!--<mt-header title="待确认类型" class='head' >
		  <router-link to="/home" slot="left">
		     <i class="material-icons left_1" style="color: #fff;">chevron_left</i>
		  </router-link>
		</mt-header>-->
		<x-header  class='head' :left-options="{backText: ''}">待办任务</x-header>
		
		
		<scroller>
		<div class="kong"></div>
		
		<router-link :to="{path:'/applydetail'}" style='color: #000;'>
		<div class="system-n">
			<div class="system-top">
				<p>PYNTNS20170803001</p>	
				<span><i class="material-icons right" >chevron_right</i></span>
				<span>确认类型</span>
			</div>
			<div class="system-con">
				<div class="device-l">
					<p>申请单位<span>上海分公司</span></p>
					<p>申请人<span>张三</span></p>
					<p>工程项目<span>A仓库</span></p>
					<p  style="border-bottom: 0;">要求到货时间<span  style="border-bottom: 0;">2017-09-17</span></p>
				</div>
			</div>
		</div>
		</router-link>
		
		
		</scroller>
	</div>
</template>

<script>
import { XHeader } from 'vux'
export default {
  components: {
    XHeader
  },
  data() {
    return {}
  }
}
</script>

<style scoped>
.right {
  line-height: 2rem;
}
.system-n {
  width: 92%;
  min-height: 6rem;
  background: #fff;
  margin-left: 4%;
  margin-top: 0.5rem;
  border-radius: 6px;
  overflow: hidden;
}
.system-top {
  height: 2rem;
  background: #fda470;
  border-radius: 6px 6px 0 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.system-top p {
  color: #fff;
  line-height: 2rem;
  font-size: 0.8rem;
  float: left;
}
.system-top span {
  float: right;
  line-height: 2rem;
  color: #fff;
  font-size: 0.8rem;
  height: 2rem;
}
.system-con {
  min-height: 3rem;
  padding: 0 0.5rem 0 0.5rem;
  color: #606063;
}
.device-l p {
  width: 100%;
  line-height: 1.5rem;
  font-size: 0.8rem;
  border-bottom: 1px solid #f5f5f5;
  float: left;
}
.device-l span {
  line-height: 1.5rem;
  font-size: 0.8rem;
  float: right;
}
.top {
  position: fixed;
  top: 0;
  width: 100%;
  height: 1.25rem;
  background: #1e82d2;
  z-index: 99;
}
.head {
  position: fixed;
  top: 1.25rem;
  width: 100%;
  background: #1e82d2;
  font-size: 1.125rem;
  height: 3rem;
  z-index: 99;
}
.kong {
  height: 4.25rem;
}
</style>